<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="flexible" content="initial-dpr=1" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="bookmark" href="favicon.ico" />
    <link rel="stylesheet" href="index.css" />
    <script src="/flexiblev0.js"></script>
    <title>${name}</title>
  </head>

  <body>
    <div class="page">
      <div class="page__header">
        <h1>${name}</h1>
      </div>

      <div class="page__body">
        <h2>字体大小</h2>
        <q-demo>
          <h1>h1 18px 用于titlebar标题文案字体大小</h1>
          <div class="h2">h2 16px 用于重点突出二级信息/城市选择</div>
          <h3>h3 14px 用于列表/表单/正文/Navbar等</h3>
          <div class="h4">h4 13px 用于车标题/导航下拉等字体大小</div>
          <h5>h5 12px 用于车信息辅助文字/订单id、时间 卡片状态/说明文案等</h5>
          <div class="h6">h6 10px 用于标签文字大小</div>
          <p>normal 14px 默认正文大小</p>
        </q-demo>
        <q-demo>
          <h1>h1 18px 用于titlebar标题文案字体大小</h1>
          <div class="h2">h2 16px 用于重点突出二级信息/城市选择</div>
          <h3>h3 14px 用于列表/表单/正文/Navbar等</h3>
          <div class="h4">h4 13px 用于车标题/导航下拉等字体大小</div>
          <h5>h5 12px 用于车信息辅助文字/订单id、时间 卡片状态/说明文案等</h5>
          <div class="h6">h6 10px 用于标签文字大小</div>
          <p>normal 14px 默认正文大小</p>
        </q-demo>
      </div>
    </div>
    <div class="page__footer"><script src="index.js"></script></div>
  </body>
</html>
